<template>
    <div class="tem-wrap">
        <div class="tem-header">
            <span @click="goBack"><i class="el-icon-back"></i>&nbsp;返回</span>
            <div>

            </div>
        </div>
        <div class="tem-main">
            <div class="page-list">
                <h4 class="side-head">
                    页面
                    <i class="fr el-icon-plus"></i>
                </h4>
                <el-table
                    :data="pageLst"
                    stripe
                    style="width: 100%">
                    <el-table-column
                    prop="title"
                    label="名称"
                    width="180">
                    </el-table-column>
                    <el-table-column
                    label="首页"
                    width="60">
                        <template slot-scope="scope">
                            <el-tag size="mini" v-if="scope.row.isHome">
                            是
                            </el-tag>
                            <el-tag type="danger" size="mini" v-else>
                            否
                            </el-tag>
                            <el-button size="mini" type="primary" icon=""></el-button>
                        </template>
                    </el-table-column>
                    <el-table-column
                    label="操作">
                        <template slot-scope="scope">
                            <el-button size="mini" @click="editPage()" type="primary" icon="el-icon-edit"></el-button>
                            <el-button size="mini" @click="delPage()" type="danger" icon="el-icon-delete"></el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
            <div class="edit-page">

            </div>
            <div class="edit-form">
                <h4 class="side-head">
                    页面设置
                    <i class="el-icon-plus"></i>
                </h4>
            </div>
        </div>
    </div>
</template>
<style scoped lang="scss">
.tem-wrap{
    height: 100%;
    width: 100%;
    position: relative;
}
.tem-header{
    position: fixed;
    height: 50px;
    line-height: 50px;
    width: 100%;
    background: #2f323a;
}
.tem-main{
    height: 100%;
    width: 100%;
    padding-top: 50px;
}
.page-list{
    height: 100%;
    width: 325px;
    background: #fff;
    border-right: 1px solid #ccc;
}
.side-head{
    padding: 10px 0;
    line-height: 52px;
}
.edit-form{
    height: 100%;
    background: #fff;
    border-left: 1px solid #ccc;
    width: 440px;
}
</style>
<script>
export default {
  data () {
    return {
      pageLst: {
        code: 0,
        result: {
          list: [
            {
              pageId: 1,
              title: '智慧微站首页',
              home: 1
            },
            {
              pageId: 2,
              title: '文章列表页',
              home: 0
            }
          ]
        }
      },
      appType: 'micro-station',
      sideBarOption: { // sidebar的参数
        collapse: false,
        width: '200px',
        menuNav: []
      }
    }
  },
  computed: {
  },
  watch: {
  },
  components: {
  },
  created () {
  },
  methods: {
    goBack () {
    }
  }
}
</script>
